import React from 'react';
import './App.css';
import Topology from '../../../src/index';

const mock = [
    {
        "id" : 9000,
        'label': 'mock',
        "srcModelInstance" : {
            "id" : '1093',
            "modelClassificationId" : "app",
            "icon" : "cluster",
            "relationEnum" : 0,
            "bizPath" : [ ],
            "deleted" : 0,
            "createdDate" : "2022-02-25T10:45:15",
            "instanceSourceType" : 0,
            "apmId" : "cHJvamVjdEExNTI=.1"
        },
        "desModelInstance" : {
            "id" : '1087',
            "groupId" : 1,
            "groupName" : "主机",
            "modelId" : 2,
            "observableStatus" : true,
            "instanceName" : "主机资源152",
            "modelClassificationId" : "host",
            "icon" : "host",
            "runningStatus" : "RUNNING",
            "relationEnum" : 0,
            "instanceSourceType" : 0
        },
        "modelRelation" : {
            "id" : 248,
            "classificationId" : "app_run_host",
            "srcModelId" : 9,
            "srcModel" : {
                "id" : 9,
                "name" : "应用",
                "classificationId" : "app",
                "dataSource" : 0,
                "groupId" : 5,
                "icon" : "cluster"
            },
            "desModelId" : 2,
            "desModel" : {
                "id" : 2,
                "name" : "主机",
                "classificationId" : "host",
                "dataSource" : 0,
                "groupId" : 1,
                "icon" : "host"
            },
            "relationTypeId" : 224,
            "relationType" : {
                "id" : 224,
                "classificationId" : "run",
                "name" : "运行",
                "srcToDes" : "运行于",
                "desToSrc" : "运行",
                "directionType" : "SRC_TO_DES",
                "dataSource" : 0
            },
            "constraintCondition" : "MANY_ONE",
            "dataSource" : 0,
            "remark" : "应用-运行于-主机"
        }
    }
];

function App() {
  return (
     <div>
         <Topology/>
     </div>
  );
}

export default App;
